<template>
  <div class="loading-bg">
    <img :src="loadingIcon" alt="" />
    <!-- <img src="./loading.gif" alt="" /> -->
  </div>
</template>
<script setup>
import { ref } from 'vue';
const loadingIcon = ref(require('@/assets/images/loading.gif'));
</script>
<style lang="less" scoped>
.loading-bg {
  z-index: 2033 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 6px);
  background-color: rgba(200, 200, 200, 0.05);
  img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
  }
}
</style>
